<html lang="zh-CN">
<head>
  <meta charset="UTF-8"/>
  <title>骆驼祥子 - 详情</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <link rel="stylesheet" href="navT.css">
  <link rel="stylesheet" href="comm.css">
  <link rel="stylesheet" href="midSite.css">
  <link rel="stylesheet" href="ditail.css">
</head>
<body>
  <h1>书籍详情</h1>

  <!-- 宣传视频 -->
  <div class="video-box">
    <video src="https://www.w3schools.com/html/movie.mp4" controls poster="C:\Users\dante\Pictures\Screenshots\new4.webp"></video>
  </div>

  <!-- 内容简介 -->
  <div class="detail-frame">
    <h2>骆驼祥子</h2>
    <p>《骆驼祥子》是老舍最具代表性的长篇小说，以北平一个人力车夫祥子的悲惨遭遇，揭露了旧中国城市底层社会的黑暗与残酷。</p>
    <p>来自农村的祥子，最大的梦想是拥有一辆属于自己的洋车。他勤劳、朴实、坚韧，却在兵荒马乱中失去爱车，被侦探敲诈，被虎妞逼婚，最终在小福子自杀的打击下彻底堕落，沦为行尸走肉。</p>
    <p>小说以冷峻的现实主义笔调，宣告了“个人奋斗”在旧社会的必然破产，成为中国现代文学史上最具震撼力的悲剧经典。</p>
    <p><strong>作者：</strong>老舍</p>
    <p><strong>首版年份：</strong>1937年</p>
    <p><strong>页数：</strong>328 页</p>
    <p><strong>定价：</strong>￥55.00</p>
  </div>

  <!-- 底部按钮 -->
  <div class="btn-bar">
    <button class="btn-sm" onclick="addCart(4,'骆驼祥子',55.0,'https://img1.doubanio.com/view/subject/l/public/s29053580.jpg')">加入购物车</button>
    <button class="btn-sm" onclick="location.href='index.html'">返回主页</button>
  </div>

  <script type="module">
    const CART_KEY = 'myCart';
    function getCart() { try { return JSON.parse(localStorage.getItem(CART_KEY)) || []; } catch { return []; } }
    function addCartItem(item) { const list = getCart(); list.push(item); localStorage.setItem(CART_KEY, JSON.stringify(list)); }
    window.addCart = function (id, name, price, img) {
      addCartItem({ id, name, price, img: img || 'placeholder-封面', qty: 1 });
      alert('已加入购物车！');
    };
  </script>
</body>
</html>